$(function() {
	//就业前景
	$('.height').show().siblings().hide();
	$(".back").hide();
	$('.phaseL2').addClass('hide')
	$('.phaseR2').addClass('hide')
	$('.phaseL3').addClass('hide');
	$('.phaseR3').addClass('hide')
	$(window).scroll(function(ev) {
		var sTop = $(window).scrollTop();
		var navTop = $('header').height();
		if(sTop >= navTop) {
			$('nav').addClass('fixd');
		} else {
			$('nav').removeClass('fixd');
		}

		// 学世界第一编程语言，进国际一流企业  移动
		var cha2 = $('.chart02').offset().top - 400;
		if(sTop >= cha2) {
			$('.javacon').show().addClass('animated slideInLeft');
		} else {
			$('.javacon').hide().removeClass('animated slideInLeft');
		}
		// console.log(cha2);
		// console.log(sTop);
		//就业前景
		$('#chart1').hover(function() {
			$(this).addClass('p_act').siblings().removeClass('p_act');
			$('.people').show().siblings().hide();

		})

		$('#chart2').hover(function() {
			$(this).addClass('p_act').siblings().removeClass('p_act');
			$('.height').show().siblings().hide();
		})

		var jiuye = $('.jiuye02').offset().top - 400;
		if(sTop >= jiuye) {
			$('.ul_left').show().addClass('animated slideInLeft');
			$('.ul_rigth').show().addClass('animated slideInRight');

		} else {
			$('.ul_left').removeClass('animated slideInLeft').hide();
			$('.ul_rigth').removeClass('animated slideInRight').hide();

		}
		//课程大纲
		var course = $('#course').offset().top - 400;
		if(sTop >= course) {
			$('.phaseL1').addClass('animated slideInLeft show');
			$('.phaseR1').addClass('animated slideInRight show');

		} else {
			$('.phaseL1').addClass('hide').removeClass('animated slideInLeft show');
			$('.phaseR1').addClass('hide').removeClass('animated slideInRight show');

		}
		var pha2 = $('.phaseL2').offset().top - 500;
		if(sTop >= pha2) {
			$('.phaseL2').addClass('ry1 show');
			$('.phaseR2').addClass('ry2 show');

		} else {
			$('.phaseL2').addClass('hide').removeClass('ry1 show');
			$('.phaseR2').addClass('hide').removeClass('ry2 show');

		}
		var pha3 = $('.phaseL3').offset().top - 500;
		if(sTop >= pha3) {
			$('.phaseL3').addClass('tanx1 show');
			$('.phaseR3').addClass('tanx2 show');

		} else {
			$('.phaseL3').addClass('hide').removeClass('tanx1 show');
			$('.phaseR3').addClass('hide').removeClass('tanx2 show');

		}
		var pha4 = $('.phaseL4').offset().top - 500;
		if(sTop >= pha4) {
			$('.phaseL4').show().addClass('rz1');
			$('.phaseR4').show().addClass('rz2');

		} else {
			$('.phaseL4').removeClass('rz1').hide();
			$('.phaseR4').removeClass('rz2').hide();

		}

		//师资力量
		var teach = $('#shizi').offset().top - 400;
		if(sTop >= teach) {
			$('.teacher1').show().addClass('animated slideInRight');

		} else {
			$('.teacher1').removeClass('animated slideInRight').hide();

		}
		var teach2 = $('#shizi section').eq(1).offset().top - 400;
		if(sTop >= teach2) {
			$('.teacher2').show().addClass('animated slideInLeft');
		} else {
			$('.teacher2').removeClass('animated slideInLeft');
		}
		var teach2 = $('#shizi section').eq(2).offset().top - 400;
		if(sTop >= teach2) {
			$('.teacher3').show().addClass('animated slideInRight');

		} else {
			$('.teacher3').removeClass('animated slideInRight').hide();

		}
		var h = $(window).height();
		if(sTop > h) {
			$(".back").show();
		} else {
			$(".back").hide();
		}

	})
	$(".back").click(function() {
			console.log(111)
			$("body").animate({
				scrollTop: 0
			}, 1000);
		})
		//轮播图
	var tim, i = 0;
	var ul_w = $(".env_con").width();
	var li_w = $(".env_con").children().width();
	tim = setInterval(show, 3000);

	function show() {
		i++;
		if(i > 2) {
			i = 0;
		}
		ani(i)
	}

	function ani(i) {
		$(".env_con").stop().animate({
			left: -li_w * i
		}, 500)
	}
	$(".list_l").hover(function() {
		clearInterval(tim);
	}, function() {
		tim = setInterval(show, 3000);
	}).click(function() {
		i--;
		if(i < 0) {
			i = 0;

		}
		console.log(i)
		ani(i)
	})

	$(".list_r").hover(function() {
		clearInterval(tim);
	}, function() {
		tim = setInterval(show, 3000);
	}).click(function() {
		i++;
		if(i > 2) {
			i = 2;
		}
		ani(i);
	})

	// 数字
	$('.people_con').children().each(function() {
		val = $(this).attr('data-val');
		var i = 0;
		var that = this;
		that.val = val;
		var timer;
		timer = setInterval(function() {
			console.log(that.val)
			i = i + (that.val - i) / Math.ceil(1000 / 100);
			i = Math.ceil(i);
			if(i >= that.val) {
				clearInterval(timer);
			}
			$(that).html(i);
		}, 100)
	})

});